<!DOCTYPE html>
<html>
    <head>

    </head>
    <body>
        <table id = "table" style="border:1px solid black">
            <tr style="border:1px solid black">
                <td>第1行第1列</td>
                <td>第1行第2列</td>
            </tr>
            <tr>
                <td>第2行第1列</td>
                <td>第2行第2列</td>
            </tr>
            <tr>
                <td>第3行第1列</td>
                <td>第3行第2列</td>
            </tr>
            <tr>
                <td>第4行第1列</td>
                <td>第4行第2列</td>
            </tr>
        </table>
        行<input type="text" id="input"/>
        列<input type="text" id="input1"/>
        <button onclick="insertCell()">插入</button>
        <button onclick="deleteCell()">删除</button>
        <script type="text/javascript">
            var table = document.getElementById("table");
            console.log(table.rows[0].cells[0]);  //打印表格的行对象
            console.log(table.rows[5].rowIndex);//返回该行在表格中的索引值
            function insertCell()
            {
                input =  document.getElementById("input").value;
                input1 =  document.getElementById("input1").value;
                table.rows[input].insertCell(input1); 
        }     
            function deleteCell(){
                input =  document.getElementById("input").value;
                input1 =  document.getElementById("input1").value;
                table.rows[input].deleteCell(input1); //删除表格最后一行
            }  
            

</script>
    </body>
</html>